<template>
  <el-card class="card-body">
    <DataTables :tableData="tableData" @getTableData="getTableData" />
  </el-card>
</template>

<script>
// import SearchForm from './components/SearchForm';
import DataTables from "./components/DataTables";
// import { getMenuListApi } from "@/api/modules/menu.api";
import { getNavbarListApi } from "@/api/modules/websites/navbar.api";

export default {
  components: {
    // SearchForm,
    DataTables,
  },
  data() {
    return {
      tableData: [],
    };
  },
  mounted() {
    // const item = await getMenuListApi({pageNum: 1,pageSize: 10})
    // this.tableData = item.records
    // this.count = item.total
    this.getTableData();
  },
  methods: {
    async getTableData() {
      // const item = await getMenuListApi()
      const res = await getNavbarListApi();
      // console.log("res", res.records);
      this.tableData = res.records;
    },
  },
};
</script>
<style></style>
